<html>
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" src="../../js/jquery-3.0.0.min.js"></script>
    </head>

    <body>
        <div>博客园老牛大讲堂</div>
        <!--<ul><li>内容一</li><li>内容二</li><li>内容三</li></ul>-->
        <ul id="first">
            
        </ul>
        <script>
            var data = [{
                "name": "老牛大讲堂1"
            }, {
                "name": "老牛大讲堂2"
            }, {
                "name": "老牛大讲堂3"
            }, {
                "name": "老牛大讲堂4"
            }]
            var str = "<li>"+data[0].name+"</li><li>"+data[1].name+"</li><li>"+data[2].name+"</li><li>"+data[3].name+"</li>";//内容
            $("#first").append(str);//append添加数据
        </script>
    </body>
</html>